*,
*:before,
*:after {
  margin:0;
  padding:0;
}
input,button,textarea,select{border:0 none;-webkit-appearance:none;font-family:'Microsoft Yahei','HelveticaNeue';}
input:focus, select:focus, input:active,button:active, textarea{ outline:none;}
a,img,button,input,textarea{-webkit-tap-highlight-color:transparent;}
.el-header{padding:0 !important;}

.xyzhead{
  height:100px !important;
  padding:0 !important;
  border-bottom:#c8c8c8 solid 1px;
}
.el-footer{padding:0 !important; height:auto !important;}
.xyzfoot{padding:25px 0; background-color:#474747;}
.footerTitle{width: 1200px; margin:0 auto; line-height: 30px; text-align: center; font-size: 12px; color:#929292;}

.el-button{border-radius: 0 !important;}

.sbg{ z-index: -1; position:absolute; width:100%;height:100%;}
.el-main {
  color: #333;
}

body{
  margin:0;
  min-width: 960px;
}
body.bg_gray{background-color: #f2f2f2;}

body > .el-container {
  margin-bottom: 40px;
}

.el-container:nth-child(5) .el-aside,
.el-container:nth-child(6) .el-aside {
  line-height: 260px;
}

.el-container:nth-child(7) .el-aside {
  line-height: 320px;
}

.el-footer {
  text-align: center;
  color: #f9f2f4;
}
.bgColor_black{
  opacity: 0.89;
  background: #333;
}
.bgColor_green{
  background-color: #14A296;
}
.fontColor_green{
  color: #14A296;
}

.style_width{
  width: 700px;
  margin: 0 auto;
}
.el-main{padding:0 !important;}
.el-pagination{margin-bottom:20px;}
.mt20{margin-top:20px;}
.xyznav{width:1200px; margin:0 auto; padding:18px 0;}

.el-input{border-radius: 0 !important}
.el-input__inner{border-radius: 0 !important}
.el-form-item{margin:20px 0 0 !important;}
.remember .el-checkbox__label{font-size:12px !important; color:#999;}

.clearfix{zoom:1}
.clearfix:after{display:block; content:''; clear:both; height:0; font-size:0;}

.headlogo{float:left;width:87px; height:87px; background:url(../assets/logo@3x.png) center no-repeat; background-size:100% auto; cursor: pointer;}
.homelogo{width:90px; height:90px; margin:20px auto 0; background:url(../assets/logo@3x.png) center no-repeat; background-size:100% auto; cursor: pointer;}
/*search*/
.s_search{ position:relative; left:10%; width: 680px; margin: 0 auto; padding-top:168px; }
.s_search .logotit{ height:126px; text-align: center; background: url(../assets/images/img_light.png) bottom center no-repeat; }

.srcon{position: relative;}
.srcon .searchl{position: relative; float: left; width: 572px; height:50px; border: #ffffff solid 2px; background-color:#435a6c;}
.srcon .searchButton{display: block; float: left; padding:0;width: 102px; height:50px; line-height:50px; font-size:16px; color: #fff; text-decoration: none; text-align: center; border:#ffffff solid 2px; border-left:0; background-color: #0f4272;font-size: 18px; color: #FFFFFF;font-family: 微软雅黑; cursor:pointer;}
.srcon .searchButton:hover, .srcon .searchButton:active, .srcon .searchButton:visited, .srcon .searchButton:first-child{ background-color: #0f4272 !important; color:#fff !important; border-color:#fff !important;}
.srcon .el-input__inner{padding: 0 15px; font-size: 16px; border:none; height:50px; background-color:#435a6c; }
.srcon .el-input__inner:focus{ background-color:#fff; }
.srcon .searchl.focus .el-input__inner{ background-color:#fff; }
.srcon .sod{position: absolute; top:0px; right:0px; width: 40px; height: 40px; cursor: pointer; background: url(../assets/search/speech.png) center no-repeat;}
.srcon .sc{ display:none; z-index: 80; position: absolute; top:54px; left:-2px; width: 574px; border:#e7e7e7 solid 1px; background-color:#fff;}
.srcon .sc ul{list-style: none;}
.srcon .sc ul li{padding:10px 15px; line-height: 20px; font-size: 14px; color:#797979; text-align: left; border-bottom:#e7e7e7 solid 1px; cursor: pointer; background: url(../assets/search/searchTop.png) 98% center no-repeat;}
.srcon .sc ul li:hover{background-color:#f8f8f8;}
.srcon .sc .cz{position: relative; height: 36px; line-height: 36px; text-align: center; color:#999; font-size: 12px; background-color: #f4f4f4;}
.srcon .sc .cz .close{width: 50px; cursor: pointer;}
.srcon .sc .cz .del{ position: absolute; top:0; right: 0; width: 80px; padding-left:15px; cursor: pointer; background:url(../assets/search/delete.png) 15px center no-repeat;}

.s_ani_h{animation: anih 0.2s; animation-fill-mode:forwards; -webkit-animation: anih 0.2s; -webkit-animation-fill-mode:forwards;}
.s_ani_d{animation: anid 0.2s; animation-fill-mode:forwards; -webkit-animation: anid 0.2s; -webkit-animation-fill-mode:forwards;}
.s_ani_sh100{animation: sh100 0.2s; animation-fill-mode:forwards; -webkit-animation: sh100 0.2s; -webkit-animation-fill-mode:forwards;}
.s_ani_sh0{animation: sh0 0.2s; animation-fill-mode:forwards; -webkit-animation: sh0 0.2s; -webkit-animation-fill-mode:forwards;}
@keyframes anih{
  0%{padding-top:68px;}
  100%{padding-top:168px;}
}
@keyframes anid{
  0%{padding-top:168px;}
  100%{padding-top:68px;}
}
@keyframes sh100{
  0%{height:0px;}
  100%{height:auto;}
}
@keyframes sh0{
  0%{height:auto;}
  100%{height:0px;}
}
.page-bottom{background-color:#fff; margin-bottom:30px;}
.xs_nav{width: 1200px; height: 46px; margin:0 auto; line-height:36px; font-size:14px; color:#666; text-align: left; }
.xs_body{ float: left; width: 840px; padding:30px !important; background-color:#fff; }
.xs_body.pcbody{padding:0 30px !important; margin:40px 0 30px;}
.xyzmain{width: 1200px; height:auto !important; margin:0 auto;}
.xyzmain.mt30{ margin:30px auto;}
.xspic img{ display: block; width: 114px; height:122px;}


.mr_10{
  margin-right: 10px;
}
.mr_20{
  margin-right: 20px;
}
.mr_30{
  margin-right: 30px;
}
.mr_40{
  margin-right: 40px;
}

.addBackGround{
  background:#0f233d url(../assets/images/bg.jpg) top left no-repeat;
  background-size:cover;
}

